<template>
  <div id="app">
    
    <div class="content">
        <router-view></router-view>
    </div>
    <my-tab :tab="tab"></my-tab>
  </div>
</template>

<script>
import myMain from '@/views/home/main'
import myTab from '@/components/tab/tab'
export default {
  data() {
    return {
      tab:['首页','分类','购物车','个人']
    }
  },
  components: {
    myMain,
    myTab
}
  
}

</script>

<style lang="scss">
  #app{
    height: 100%;
    overflow: hidden;
    .content{
      height: calc(100% - 1rem);
    }
  }
</style>
